<template>
	<view>
		
		<cu-custom  bgColor="bg-black">
			<block slot="content">排水达标</block>
		</cu-custom>
		
		<!-- <view class="cu-bar tabbar bg-black fixed  shadow top projectInfoTab"> -->
			<!-- <view class="action" @click="NavChange('projectList')" data-cur="projectList">
				<view :class="PageCur=='projectList'?'text-green':'text-gray'">项目信息</view>
			</view>
			<view class="action" @click="NavChange('questionList')" data-cur="questionList">
				<view :class="PageCur=='questionList'?'text-green':'text-gray'">问题清单</view>
			</view>
			<view class="action" @click="NavChange('scoreList')" data-cur="scoreList">
				<view :class="PageCur=='scoreList'?'text-green':'text-gray'">专家评分</view>
			</view> -->
			<!-- <view class="action" @click="NavChange('zoneList')" data-cur="zoneList">
				<view :class="PageCur=='zoneList'?'text-green':'text-gray'">项目片区</view>
			</view> -->
		
		<!-- </view> -->
		<view class="projectConet">
			<projectList v-if="PageCur=='projectList'"></projectList>
			<questionList v-if="PageCur=='questionList'"></questionList>
			<scoreList v-if="PageCur=='scoreList'"></scoreList>
			<zoneList v-if="PageCur=='zoneList'"></zoneList>
		</view>
	</view>
</template>
<script>
	import {mapState} from 'vuex';
	
	export default {
		computed: {
			...mapState(['hasLogin','userInfo'])
		},
		data() {
			return {
				id:'',
				modalName:'',
				projectName:'',
				PageCur: 'projectList'
			}
		},
		onLoad: function(options) {
			this.id = options.id;
			this.projectName = options.projectName;
			
		},
		mounted() {
			// 初始化加载
			 // console.log(this.hasLogin)
			if( !this.hasLogin){
				// 如果没有登录，则跳转到登录页面
				uni.navigateTo({
					url:"../login/login"
				})
			}
		},
		methods: {
			NavChange: function(e) {
				 this.PageCur = e;
			}
		}
	}
</script>

<style>
.cu-form-group .title {
		min-width: calc(4em + 15px);
	}
	.projectConet {
		margin-top: 10px;
	}
	/* .cu-bar {
		margin-top: 40px;
		padding-top: 0px;
	} */
</style>
